@charset "utf-8";
@import url(fonts.css);  /* Noto Sans KR : font-weight: 100, 300, 400, 500, 700 */ /* Roboto : font-weight: 400, 500, 700, 900 */
@import url(common.css);
@import url(contents.css);
@import url(main.css);

#wrap { width: 100%; min-width: 1400px; z-index: 10; position: relative; margin: 0 auto; padding: 0; }
#header { width: 100%; height:120px; background:#006ad3;border-bottom:solid 1px rgba(255,255,255,0.3); z-index:100; }
#container { display:block; width:100%; background:#fff; clear:both; }
#footer { display:inline-block; width:100%; clear:both; text-align:center;  border-top:solid 1px #dcdcdc; background:#eee;  }

/** Top Navigation : logo, system name, 1 level menu **/
.gnb_top { width:100%; position:relative;background:#0051a1; }
.gnb_banner { width:1300px; height:28px;  margin:0 auto; display:flex; align-items:center; line-height:30px; }
.gnb_banner .flag_korea { display:inline-block; width:23px; height:17px; border:solid 1px #ddd; background:#fff url("images/layout/flag_korea.png") no-repeat center; background-size:contain; margin-right:8px;}
.gnb_banner .site_info { font-size:12px; font-weight:300; color:#fff;}
.gnb_top_link { width:1300px; height:28px; margin:0 auto 5px auto; position:relative;}
.gnb_top_link dl { display:inline-block; position:absolute; top:0; right:0; }
.gnb_top_link dt { display:none; }
.gnb_top_link dd { display:inline-block; margin-left:16px; box-sizing:border-box; line-height:1.0; }
.gnb_top_link .top_link_item { 
    display:inline-flex; align-items:center; color:#fff; font-size:13px; background:url("images/layout/icon_link.png") no-repeat center right; 
    padding-right:15px; height:28px;
}

.gnb_nav { width:1300px; height:50px; margin:0 auto; position:relative; color:#fff; }
.gnb_nav h1 { 
  display:inline-block; width:438px; height:50px; background:url("images/layout/top_logo.png") no-repeat left center;
  text-indent:-9999px; position:absolute; top:0; left:0; cursor:pointer; 
}
.gnb_nav nav {display:flex; align-items:center; gap:40px;  height:50px; flex-wrap: nowrap; position:absolute; top:0px; right:0; }
.gnb_nav nav .top_nav {
  display:flex; align-items:center; color: #fff; padding: 10px 0;  text-align: center; letter-spacing:-0.5px; cursor:pointer;
	font-family:Noto Sans KR; font-size:19px; font-weight:500; box-sizing:border-box; height:50px; position: relative;
}
.gnb_nav nav li:hover .top_nav { color:#ffff99; }
.gnb_nav nav li.active .top_nav { color:#ffff99; }
.gnb_nav nav .arrow { border-color:#fff; margin-left:8px; transition: transform 0.3s; }
.gnb_nav .btn_menuall { 
	display:inline-block; width:25px; height:21px; text-indent:-9999px; position:absolute; top:26px; right:0; 
	background:url("images/layout/btn_menuall.png") no-repeat center;  cursor:pointer; 
	}
.gnb_nav_msg { display:inline-block; color: #fff; font-size:15px; font-weight:400; }

 /* 드롭다운이 열렸을 때 색상 변경 */
 .top_nav.active { color: #ffff99 !important; /* 노란색 */  }

/* Top Navigation: dropdown-content */
.dropdown-content {
  display:none; position: absolute; top: 110px; /* 항상 상단에서 120px 아래 */ z-index: 80000;
  width: 200px; background-color: #fff; border-radius:8px; padding:15px 0; box-shadow: 0 8px 10px rgba(0,0,0,0.3);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.dropdown-content.show { display: block; opacity: 1; }

.top_nav_list { display:block; width:100%; }
.top_nav_list li { display:inline-block; width:100%; }
.top_nav_list li:hover { background:#e1efff; }
.top_nav_list .top_nav_menu { 
  display:inline-block; width:calc(100% - 20px); font-size:16px; color:#252525; font-weight:400; letter-spacing:-0.5px; line-height:1.3;
  padding:10px 25px; word-break:keep-all; cursor:pointer; 
}
.top_nav_list li:hover .top_nav_menu { color:#1651be; font-weight:500; }

/* Top Navigation: Sitemap */
.gnb_sitemap { width:100%; height:396px; box-sizing:border-box; position:absolute; top:0; left:0; z-index:700000; }
.gnb_sitemap .gnb_sitemap_head { width:1300px; height:75px; background:#006ad3; margin:0 auto; position:relative; }
.gnb_sitemap .gnb_sitemap_head h1 {  display:inline-block; width:438px; height:76px; background:url("images/layout/top_logo.png") no-repeat left center; cursor:pointer; text-indent:-9999px;  }
.gnb_sitemap .gnb_sitemap_head .btn_close { 
	width:75px; height:75px; background:#004a93 url("images/layout/btn_menuclose.png") no-repeat center; 
	text-indent:-9999px; position:absolute; top:0; right:0; cursor:pointer;
	 }
.gnb_sitemap .gnb_sitemap_body { 
	width:100%; min-height:302px; background:#fff; text-align:center; 
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
}
.gnb_sitemap .sitemap_con { display:inline-block; width:1100px;  padding:90px 0; text-align:left; letter-spacing:-0.5px; ;}
.gnb_sitemap .sitemap_con .sitemap_left { display:inline-block; width:160px; float:left; text-align:left; font-size:30px; color:#006ad3; box-sizing:border-box; line-height:1.0; }
.gnb_sitemap .sitemap_con .sitemap_right { width:calc(100% - 160px);  border-left: solid 1px #ddd; padding-left:40px; line-height:1.0; margin-left:160px;  } 
.sitemap_right li { display:inline-block; width:100%; margin-bottom:40px; height:25px; }
.sitemap_right li:last-child { margin-bottom:0; } 
.sitemap_right p { display:inline-block; width:230px; float:left; font-size:20px; font-weight:500; color:#333; }
.sitemap_right li ul { display:block; padding-left:230px;  }
.sitemap_right li li { display:inline-block; float:left; width:auto !important;  padding: 0 20px 0 10px; background:url("../images/layout/bg_sitemap_bar.png") no-repeat right center; }
.sitemap_right li li:first-child { padding-left:0; }
.sitemap_right li li:last-child { padding-right:0; background:none; }
.sitemap_right a { font-size:20px; color:#545454; }
.sitemap_right a:hover { color:#0076dc; }
.sitemap_title { display:inline-block; font-size:19px; }

/** Sub Top Navigation **/
.sub_topmenu { width:100%; height:58px; box-sizing:border-box; border-bottom:solid 1px #ddd; text-align:center; }
.sub_topmenu ul { display:inline-block; }
.sub_topmenu li { display:inline-block; }
.sub_topmenu .btn_submenu { 
	display:flex; align-items:center; justify-content:center; height:58px; font-size:19px; color:#434343; font-weight:500; letter-spacing:-1px; line-height:1.0;  
	padding:0 28px; border-bottom:solid 2px transparent; 
	}
.sub_topmenu li.active .btn_submenu { border-color:#006bd4; color:#006ad3; }

/** Page Outline UI: Head, body outline **/
.page_con { width:1200px; margin:0 auto; font-size:18px; color:#333; font-weight:400; line-height:1.8; letter-spacing:-0.5px; word-break:keep-all; padding:60px 0 90px 0; }

.page_header { width:100%; height:44px; margin-bottom:60px; position:relative; line-height:1.0; }
.page_header h2 { display:inline-block; height:44px; font-size:40px; font-weight:700; color:#333;  }
.page_header h2 .sub_header { font-size:30px; color:#276dc6; letter-spacing:-1px; display:inline-block; padding-left:35px; }
.page_header .page_loc { display:inline-block; position:absolute; top:0; right:0; }
.page_loc li { display:inline-block; float:left; padding: 0 19px 0 9px;  background:url("images/layout/bg_sitemap_bar.png") no-repeat right center; font-size:15px; color:#666; }
.page_loc li:first-child { padding-left:0; }
.page_loc li:last-child { padding-right:0; background:none; }
.page_header + .page_tit { margin-top:0;  }

/* Page Contents Tail */
.page_tail { display:inline-block; width:100%; height:80px; box-sizing:border-box; padding:28px 35px; line-height:1.0; background:url("images/bg_pagetail.png"); border:solid 1px #ddd; margin-top:80px; clear:both; }
.page_tail_header { display:inline-block; height:20px; padding-left:27px; background:url("images/bg_pagetail_title.png") no-repeat left center; font-size:20px; color:#333; font-weight:500; }
.page_tail_body { display:inline-block; float:right; }
.page_tail_body ul { position:relative; top:3px; }
.page_tail_body li { display:inline-block; float:left; font-size:15px; color:#545454; font-weight:normal; height:16px; border-left:solid 1px #cacaca; padding:0 10px; }
.page_tail_body li:first-child { border-left:0; }
.page_tail_body li:last-child { padding-right:0; }
.page_tail_body li p { display:inline-block; color:#333; font-weight:500; font-weight:500; margin-right:5px; float:left;  }

/** Sub Page Image **/
.sub_nav { width:100%; height:192px; background:#006ad3 url("images/layout/img_sub.png") no-repeat center;  position:relative; text-align:center; }
.sub_nav .sub_msg { box-sizing:border-box; color:#fff; font-size:35px; font-weight:500; line-height:1.0;  letter-spacing:-0.5px; padding-top:73px; }

/** Footer(2025.10.21) **/
.ft_container { width:1300px; margin:0 auto; padding:20px 0 30px 0; }
.ft_head { display:flex; align-items:center; justify-content:flex-start;  width:100%; padding:10px 0 35px 0; }
.ft_logo { display:inline-block; width:240px; height:36px; background:url("images/layout/bt_logo.png") no-repeat left center; text-indent:-9999px; }
.ft_address { width:100%; font-size:15px; color:#333; font-weight:400; text-align:left;}
.ft_body { display:flex; align-items:flex-start; justify-content:space-between; width:100%; text-align:left; font-size:15px; color:#333; padding:30px 0; }
.ft_org_info { width:100%; display:flex; flex-direction:column; gap:20px; }
.ft_tel { display:grid; grid-template-columns: 1fr 1fr; gap:20px; width:600px; }
.ft_tel p { width:100%; font-weight:500; color:#333; margin-bottom:10px; letter-spacing:-0.5px; }
.ft_tel span { display:inline-block; width:100%; margin-bottom:5px; font-size:14px; color:#545454; }
.ft_time { width:100%; font-size:14px; color:#545454; }
.ft_org_link { flex:none; width:300px; }
.ft_org_link ul { width:100%; display:flex; flex-direction:column; gap:10px; }
.ft_org_link li { display:inline-block; width:100%; }
.ft_org_link  .ft_link { 
  display:inline-block; width:auto; font-weight:500; color:#333; font-size:16px; letter-spacing: -0.5px; 
  background:url("images/layout/icon_link_arrow.png") no-repeat right center; padding:3px 13px 3px 0; cursor:pointer;
}
.ft_bt_info { display:flex; align-items:center; justify-content:space-between; width:100%; height:50px; border-top:solid 1px #ddd; }
.ft_bt_link { display:inline-block; }
.ft_bt_link ul { display:flex; align-items:center; }
.ft_bt_link li { display:inline-block; border-right:solid 1px #ddd; padding-right:10px; margin-right:10px; line-height:13px; }
.ft_bt_link li:last-child { border-right:0; }
.ft_bt_link .ft_link { font-size:14px; color:#545454; cursor:pointer; }
.ft_bt_copy { font-size:14px; color:#545454; }
.ft_bt_banner { width:100%; height:35px;  margin:0 auto; display:flex; align-items:center; line-height:37px; background:#fff; box-sizing:border-box; padding:0 15px; }
.ft_bt_banner .flag_logo { display:inline-block; width:90px; height:25px; background:#fff url("images/layout/flag_logo.png") no-repeat center; margin-right:8px;}
.ft_bt_banner .site_info { font-size:13px; font-weight:400; color:#545454; margin-left:10px; line-height:1.0; padding-bottom:2px; }

/******* 모달팝업 *******/
.layerpop{z-index:3000;display:none;padding-top:150px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.layerpop_header { width:100%; height:46px; box-sizing:border-box; background:#295eb9; position:relative; }
.layerpop_header p { display:inline-block; color:#fff; font-size:18px; font-weight:400; position:absolute; top:14px; left:17px; }
.layer-closebtn{text-decoration:none;font-size:25px;font-weight:normal;color:#fff; position:absolute; top:10px; right:15px}
.layer-closebtn:hover,.layer-closebtn:focus{color:#33ccff;text-decoration:none;cursor:pointer}
.layerpop-content{margin:auto;background-color:#fff;position:relative; border-radius:5px;padding:0;outline:0;width:50%; height:80%;overflow:hidden;  }
.layer-container{ display:inline-block; width:100%;height:100%;overflow-y:auto; overflow-x:hidden; padding:20px 20px 70px 20px ; box-sizing:border-box;}
.layer-container::-webkit-scrollbar { width: 10px; } /* width */
.layer-container::-webkit-scrollbar-track {  background: #f1f1f1; } /* Track */
.layer-container::-webkit-scrollbar-thumb {  background: #888; } /* Handle */
.layer-container::-webkit-scrollbar-thumb:hover {  background: #555; } /* Handle on hover */
.layer-container .page_title { margin-top:0 !important;  border-bottom:solid 1px #ccc; height:28px; margin-bottom:10px; box-sizing:border-box; }
.layer-container .page_title2 { width:100%; height:25px; margin-bottom:5px; margin-top:30px; position:relative; }
.layer-container .page_title2 h3 {
    height:20px; background:url(images/bg_pagetitle.png) no-repeat left top; padding-left:10px;
    font-size:16px; font-weight:600; color:#333; line-height:1.0; letter-spacing:-0.5px;  line-height:1.0 !important;
    }

.layer-container .page_title2 h4 {
    height:20px; background:url(images/bg_pagetitle02.png) no-repeat left 1px; padding-left:18px;
    font-size:15px; font-weight:600; color:#333; line-height:1.0; letter-spacing:-0.5px;  line-height:1.0 !important;
    }
.page_title .btn_area { display:inline-block !important; width:auto !important; position:absolute; top:-7px; right:0; }
#pop_error .layerpop-content { background-color:transparent !important; }
#pop_error .error_area{  background-color:#fff; }
#pop_error .layer-closebtn {
    width:37px; height:37px; background:#f8f8f8; color:#333; border-radius:100px;  padding:0 !important;line-height:1.2; text-align:center; top:20px; right:30px;
    box-shadow:0px 1px 5px rgba(0, 0, 0, .30); -moz-box-shadow:0px 1px 5px rgba(0, 0, 0, .60);
    }